/* CSS Document */
/*�������߾�*/
html,body,div,p,h1,h2,h3,h4,h5,h6,blockquote,ul,ol,li,table,th,td,span,img,dl,dd,dt,input,textarea,button{border:medium none;padding:0;margin:0;}
/*��������*/
body,textarea,button,input,select{font-family:"Microsoft Yahei"; font-size:12px; color:#000000;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em{font-style:normal;}
/*�����б�*/
ul,ol{list-style:none;}
/*����ͨ������*/
a{ color:#000000; text-decoration:none; outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{ color:#FF0000;}
/*�������*/
.clear{ clear:both;}

#id{background:url(ͼƬ·��) ;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="ͼƬ·��");_background:none;}


#cang{ height:20px;background:#F7F7F7; border-bottom:1px solid #E5E5E5;}
.cang{ height:20px; text-align:right; line-height:20px; width:980px; margin:0 auto; font-size:12px; color:#FFFFFF;}
.cang a{ padding:0 15px; color:#000000;; }
.cang a:hover{ color:#FF0000;}
#top{ height:120px; background:url(../images/nav_bj.gif) left bottom repeat-x;}
.top{ width:980px; height:120px; margin:0 auto;}
.top_logo{ width:420px; float:left; height:80px;}
.top_right{ width:300px; float:right; height:60px; margin-top:20px; line-height:25px; font-size:15px; color:#FF0000;}

.nav{ height:40px; width:976px; float:left; margin-left:2px; display:2px;}
.nav .on{background:#196BA7; color:#FFFFFF;}
.nav ul{}
.nav ul li{ width:121px; height:40px; line-height:40px; padding-left:1px; font-size:15px; text-align:center; float:left;}
.nav ul li a{ color:#000000; text-decoration:none; display:block;}
.nav ul li a:hover{ color:#FFFFFF; background:#196BA7;}

#banner{ height:367px; padding-top:5px;}
.banner{ width:970px; height:357px; margin:0 auto; position:relative; z-index:1; overflow:hidden}
.banner li{ width:970px; height:357px; list-style:none; position:absolute; left:0px; top:0px; overflow:hidden}

.ding{ width:970px; margin:0 auto; margin-bottom:19px; position:relative; z-index:2;}
.ban_btn{ min-width:100px; height:7px; position:absolute; bottom:14px; left:25px;}
.ban_btn span{ width:9px; height:7px; background:#bbeff1; margin-right:4px; display:inline-block; cursor:pointer}
.ban_btn span.current{ background:#ffea00; }

.left_btn{ position:absolute; bottom:150px; left:20px; display:block}
.right_btn{ position:absolute; bottom:150px; right:20px; display:block}


#gundong{ width:970px; margin:0 auto; margin-bottom:15px; border:1px solid #E6E6E6;}
#gundong h1{ height:42px; line-height:42px; font-size:14px; color:#017CA2; background:url(../images/main1.gif) no-repeat left bottom; text-indent:40px;}
#mrq{width:960px; margin:0 auto; background:url(cs.jpg) left center no-repeat; padding:15px 10px; text-align:center}

#Marquee_x { overflow:hidden; width:960px; margin:0 auto;} 
#Marquee_x ul li ,#Marquee_x ul li div{ float:left;line-height:25px;overflow:hidden} /* 横向滚动必须让所有li左浮动 */
#Marquee_x ul li div{ float:left;line-height:25px;height:159px; width:220px; overflow:hidden}
#Marquee_x ul li div img{ border:1px solid #DADADA; width:216px; height:137px; display:block}
#Marquee_x ul li div span{ display:block;}



#main{}
.main{ width:970px; margin:0 auto;}
.mainn{ min-height:170px; padding:25px 0px 0px 0px; line-height:14px; font-size:14px; clear:both; overflow:hidden}               				
.main_text{display:none;}

.item1{ width:1010px; position:relative; z-index:2; }
.item1 li{ width:314px; height:88px; background:#636A70; position:relative; z-index:2; list-style:none; float:left; margin-right:14px; }
.list_txt{ color:#ffffff; padding:5px 12px; overflow:hidden}
.list_txt strong{ height:24px; line-height:24px; font-size:15px; font-weight:600; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block}
.list_txt p{ height:36px; line-height:18px; font-size:11px; overflow:hidden}

.jianbian{ width:100%; position:absolute; height:0; left:0; bottom:0; padding-top:20px; background:url(../images/list1.png) no-repeat; color:#ffffff; overflow:hidden;}
.color2{ background:url(../images/list2.png) no-repeat;}
.color3{ background:url(../images/list3.png) no-repeat;}
.menu_list{ min-height:48px; background:#3477c4; padding:10px 10px 15px 10px; line-height:20px; overflow:hidden}
.bgco2{ background:#f64b31}
.bgco3{ background:#9ab22f}

.find{ height:20px; line-height:20px; font-size:15px; font-weight:600; color:#ffffff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block}
.view{ height:20px; line-height:20px; font-size:13px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.view a{ color:#ffffff; }
.view a:hover{ text-decoration:underline;}
.prolink{ padding-top:5px; margin-top:5px; border-top:1px solid #ffffff;}
.prolink a{ width:120px; height:26px; line-height:26px; color:#ffffff; float:left; margin-right:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block}
.prolink a:hover{ text-decoration:underline;}

#index_buttom{ padding-top:10px;}
.index_buttom{ width:970px; margin:0 auto;}
.index_buttom_left{ width:710px; height:300px; float:left;}
.index_buttom_left .title{ line-height:30px; background:url(../images/inco.jpg) 3px center no-repeat; font-size:15px; padding-left:15px; border-bottom:1px solid #E5E5E5;}
.index_buttom_left .text{ line-height:23px; font-size:12px; color:#000000; text-indent:2em;}
.index_buttom_left .text img{ width:220px; height:150px; float:left; margin:8px 8px 5px 0; display:inline;}
.index_buttom_right{ width:240px; float:right; height:300px; float:right;}
.index_buttom_right .title{ line-height:30px; background:url(../images/inco.jpg) 3px center no-repeat; font-size:15px; padding-left:15px; border-bottom:1px solid #E5E5E5;}
.index_buttom_right .text{}
.index_buttom_right .text ul{}
.index_buttom_right .text ul li{ height:30px; line-height:30px; font-size:12px; color:#000000; background:url(../images/ico_news.gif) left center no-repeat; border-bottom:1px dotted #196BA7;}
.index_buttom_right .text ul li a{ color:#000000; padding-left:25px; line-height:30px;}
.index_buttom_right .text ul li a:hover{ color:#0099FF;}


/*products*/
.left_sbar{width:260px; float:left; border:1px solid #DDDDDD; padding-bottom:10px;}
.right_products{}
.right_products h3{ height:30px; background:#196BA7; color:#FFFFFF; font-size:15px; line-height:30px; padding-left:15px;}
.right_products .on{ font-weight:bold; color:#F00F0F;}
.right_products ul{ padding-left:8px; padding-right:8px;}
.right_products ul li{ line-height:28px; border-bottom:1px dotted #DDDDDD;background:url(../images/pro_ico.png) 2px center no-repeat;}
.right_products ul li a{ padding-left:28px; font-size:12px; color:#000000;}
.right_products ul li a:hover{ color:#1D70C0; text-decoration:underline;}

/*case*/
.productlist{}
.productlist ul{}
.productlist ul li{ width:200px; height:205px; float:left; margin:15px; display:inline; border:1px solid #E5E5E5;}
.productlist ul li img{ width:180px; margin:5px 10px; height:150px; display:inline;}
.productlist ul li dt{ margin-top:5px; line-height:20px; height:40px;text-align:center; font-size:12px; background:#E9E9E9;}



/*left_contact*/
.left_contact{ margin-top:15px;}
.left_contact h3{ height:30px; background:#196BA7; color:#FFFFFF; font-size:15px; line-height:30px; padding-left:15px;}
.left_contactext{ padding:10px 5px; font-size:12px; color:#000000;}
.left_contactext .tel{ line-height:30px; background:url(../images/q1.jpg) 2px center no-repeat; padding-left:30px;}
.left_contactext .fax{ line-height:30px; background:url(../images/q2.jpg) 2px center no-repeat; padding-left:30px;}
.left_contactext .mob{line-height:30px; background:url(../images/q3.jpg) 2px center no-repeat; padding-left:30px; }
.left_contactext .email{line-height:30px; background:url(../images/q4.jpg) 2px center no-repeat; padding-left:30px;border-bottom:1px dashed #999999;}
.left_contactext .addres{line-height:30px; background:url(../images/q5.jpg) 2px 5px no-repeat; padding-left:30px;}



/*left_company*/
.index_left{ width:700px; float:right;}
.index_company_h3{ height:30px; line-height:30px; border-bottom:2px solid #428BCA; color:#000000; background:url(../images/about_ico.gif) left center no-repeat;}
.index_company_h3 .title{ height:30px; float:left; line-height:30px; font-size:14px; padding:0 20px;}
.index_company_h3 .more{ height:30px; font-size:12px; line-height:30px; float:right; padding:0 15px;}
.index_company_h3 .more a{ color:#000000;}
.index_company_h3 .more a:hover{ color:#FF0000;}
.index_company_h3 p{ height:30px; font-size:12px; line-height:30px; float:right; padding:0 15px; font-weight:normal;}
.index_company_h3 p a{ color:#000000;}
.index_company_h3 p a:hover{ color:#FF0000;}

.index_company_text{ line-height:25px; font-size:12px; color:#000000; padding:10px;}
.index_company_text p{ text-indent:2em;}
.index_company_text img{ width:180px; height:160px; float:left; margin:5px;}


.inner_zizhi{ line-height:25px; font-size:12px; color:#000000; padding:10px;}
.inner_content{ line-height:25px; font-size:12px; color:#000000; padding:10px;}



.product_img{ height:300px; padding-left:210px;}
.product_img img{ height:240px; width:260px;}

.index_products{ height:260px;}

.inner_news{ line-height:25px; font-size:12px; color:#000000; padding:10px;}
.inner_news ul{}
.inner_news ul li{ height:29px; border-bottom:1px dotted #E5E5E5;}
.inner_news ul li a{ color:#000000; padding-left:20px; line-height:29px; font-size:12px; background:url(../images/dot3.png) 4px center no-repeat; display:block;}
.inner_news ul li a:hover{ color:#F00F0F; background:url(../images/dot3.png) 4px center no-repeat #f0f0f0;}
.pagelist{ line-height:30px; text-align:center; font-size:12px; margin-top:10px;}
.pagelist a{ color:#000000; text-decoration:none;}
.pagelist a:hover{ color:#F00F0F;}


.inner_contentext{ line-height:25px; font-size:12px; color:#000000; padding:10px;}

	/*-- �ص����� --*/
	.aside-right{ position:fixed; bottom:190px; right:10px; width:60px; display:none; cursor:pointer; z-index:9999;}
	.aside-right img{ margin:0 auto; display:block;}
	.aside-right p{ margin-top:10px; font-size:12px; text-align:center;} 

/*弹框*/
.fl{ float:left}
    .fr{ float:right}
    
    /*右下角弹出*/
    .dingwe{ position:relative;}
    .tipfloat{display:none;z-index:999;border:1px #8e9cde solid; position:fixed; bottom:0px; right:17px;width:388px;height:268px; background:#fff}
    .tipfloat_bt{ height:49px; line-height:49px;background:#8e9cde; padding:0px 20px; font-size:18px; color:#fff; }
    .xx_nrong{font-size:14px; color:#333;  padding:10px; line-height:26px; }
	.close{cursor:pointer; padding-top:15px;}




#footer{ padding-top:15px; border-top:2px solid #01689E;}
.footer{ width:970px; height:60px; margin:0 auto;}
.footer .navs{ height:30px; line-height:30px; font-size:12px;}
.footer .navs a{ color:#000000; padding:0 15px; border-right:1px solid #CCCCCC;}
.footer .navs a:hover{ color:#FF0000;}
.footer .text{ padding-left:15px; line-height:25px; font-size:12px; color:#000000;}